

<!--修改密码页面-->

<style type="text/css">
    #l-map {
        height: 500px;
        width: 100%;
    }
    
    #r-result,
    #r-result table {
        width: 100%;
    }
    
    td,
    th {
        white-space: nowrap;
    }
    
    .tt-dropdown-menu {
        max-height: 150px;
        overflow-y: auto;
    }
    
    .typeahead,
    .tt-query,
    .tt-hint {
        padding: 8px 12px;
        font-size: 18px;
        line-height: 25px;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        outline: none;
    }
    
    .typeahead {
        background-color: #fff;
    }
    
    .typeahead:focus {
        border: 2px solid #0097cf;
    }
    
    .tt-query {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }
    
    .tt-hint {
        color: #999
    }
    
    .tt-menu {
        width: 422px;
        margin: 12px 0;
        padding: 8px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }
    
    .tt-suggestion {
        padding: 3px 20px;
        font-size: 18px;
        line-height: 24px;
    }
    
    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
    }
    
    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }
    
    .tt-suggestion p {
        margin: 0;
    }
    
    .gist {
        font-size: 14px;
    }
    /* example specific styles */
    /* ----------------------- */
    
    #custom-templates .empty-message {
        padding: 5px 10px;
        text-align: center;
    }
    
    #multiple-datasets .league-name {
        margin: 0 20px 5px 20px;
        padding: 3px 0;
        border-bottom: 1px solid #ccc;
    }
    
    #scrollable-dropdown-menu .tt-menu {
        max-height: 150px;
        overflow-y: auto;
    }
    
    #rtl-support .tt-menu {
        text-align: right;
    }
    
    .ibox-content {
        min-height: 69px;
    }
    
    .html5buttons a {
        z-index: 0;
    }
    
    #wallet_box label {
        width: 100px;
        margin-left: 10px;
        margin-top: 10px;
    }
    
    .wizard>.steps>ul>li {
        width: 33%;
    }
    
    .push_tab_title {
        position: absolute;
        top: 9px;
        left: 276px;
    }
    
    @media (max-width: 768px) {
        .sqzx_title {
            display: none
        }
        .push_tab_title {
            position: absolute;
            top: 9px;
            left: 110px;
        }
        dt {
            width: 35%;
            float: left;
            text-align: right;
            padding-right: 10px;
        }
        dd {
            width: 100%
        }
        #pwd_safe_min {
            width: 120px;
            position: absolute;
            right: 6px;
        }
        #review_min {
            margin-top: 0px;
        }
    }
    
    @media (min-width: 900px) {
        .push_tab_title {
            position: absolute;
            top: 9px;
            left: 276px;
        }
    }
    
    #map_canvas {
        width: 100%;
        height: 600px;
    }
</style>

<!-- FooTable -->


<div id="sqzxlist" class="row">
    <div class="col-lg-12">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>*原密码：</label>
                    <input id="pwd1" name="pwd1" type="text" value="  " class="form-control required" aria-required="true">
                </div>
                <div class="form-group">
                    <label>*新密码：</label>
                    <input id="pwd2" name="pwd2" type="text" value="  " class="form-control required" aria-required="true">
                </div>
                <div class="form-group">
                    <label>*确认密码：</label>
                    <input id="pwd2" name="pwd2" type="text" value=" " class="form-control required" aria-required="true">
                </div>
                <div>
                    <br/>
                    <button class="btn btn-sm btn-primary ladda-button" data-style="zoom-in" id="btn_add_route" onclick="" type="button">保存</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- FooTable -->
<script src="js/plugins/footable/footable.all.min.js"></script>

<script type="text/javascript" src="https://api.map.baidu.com/library/LuShu/1.2/src/LuShu_min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $('.chosen-select').chosen({
            width: "100%"
        });

        // $('.footable').footable();
        // $('.footable2').footable();

        Ladda.bind('#btn_add_route', {
            callback: function(instance) {
                add_route(instance)
            }
        })

        initCollapse()

    });

    function add_route(instance) {
        $.getJSON({
                url: bathpath + 'v1/add_route',
                type: 'post',
                data: {
                    pwd1: $('#route_name').val(),
                    pwd2: $('#route_start').val(),
                    end: $('#route_end').val(),
                    uname: $('#route_uname').val(),
                    phone: $('#route_phone').val(),
                    uname2: $('#route_uname2').val(),
                    phone2: $('#route_phone2').val()
                }
            })
            .done(function(data) {
                if (ajaxdatacheck(data)) {
                    if (data.code == 1) {
                        swal({
                            title: '操作成功',
                            type: "success"
                        }, function() {
                            // $('#route_name').val('')
                            // $('#route_start').val('')
                            // $('#route_end').val('')
                            // $('#add_route').fadeOut()
                            init3()
                        })

                    } else {
                        swal({
                            title: '出错了',
                            text: data.errorMsg || data.msg,
                            type: "warning"
                        })
                    }
                }
            })
            .fail(function(e) {
                console.error(e.statusText)
            })
            .always(function() {
                if (instance)
                    instance.stop();
            })
    }

      $.mockjax({
        url: bathpath + 'v1/add_route',
        contentType: "application/json",
        responseTime: 500,
        response: function(req) {

            if (localStorageSupport) {
                list_route = localStorage.getItem("list_route")

                if (list_route) {
                    list_route = JSON.parse(list_route)
                    list_route.push({
                        name: req.data.name,
                        start: req.data.start,
                        end: req.data.end,
                        uname: req.data.uname,
                        phone: req.data.phone,
                        uname2: req.data.uname2,
                        phone2: req.data.phone2
                    })
                    localStorage.setItem('list_route', JSON.stringify(list_route))
                }
            }
            this.responseText = {
                "code": 1,
                "msg": "操作成功",
                "errorMsg": null,
                "content": []
            }
        }
    })
</script>